<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>{$proinfo.pro_name}</title>
<link rel="stylesheet" href="/IndexPublic/zchou/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="/IndexPublic/zchou/css/style.css" type="text/css">
<script type="text/javascript" src="/IndexPublic/zchou/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/IndexPublic/zchou/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/IndexPublic/zchou/js/20160531.js"></script>
<style type="text/css">
.statdiv{margin-top:35px; clear:both;}
.graybg{background-color:#CCC; position:relative; width:100%; height:6px; border-radius:10px;}
.color{background-color:#F60; height:6px; border-radius:10px; width:0px;}
.ydian ul{position:absolute; top:-33px; width:100%;}
.ydian li{color:#CCC; text-align:center; float:left; font-size:12px; line-height:30px; margin-left:24%; box-shadow:none;}
.ydian li:first-child{margin-left:-10px;}
.ydian li i{display:block; width:12px; height:12px; border-radius:12px; background-color:#CCC; margin:0px auto;}
.ydian li:last-child{float:right; margin-right:-10px; margin-left:0px;}
.ydian li.hover{color:#F60;}
.ydian li.hover i{background-color:#F60;}
.statdiv .flt{float:left;}
.statdiv .statetime{width:14%; font-size:14px; color:#666; margin-top:-10px;}
.statdiv .graybg{float:right; width:82%; margin-right:10px;}
.talktitle{ling-height:30px; font-size:14px; margin-top:10px;}
.talkcontent{font-size:12px; line-height:20px; color:#666;}
</style>
<script type="text/javascript">
$(function(){
	$("#zcok").click(function(){
		var moneyvalue = $("input[name='money']").val();
		if($.trim(moneyvalue)!=""){
			$("form[name='form1']").submit();
		}else{
			alert("请输入支付金额！");
		}
		
	})	
	
	function setcolorpostion(){
		var left = $("li.hover:last").offset().left;
		var statwidtn = $(".statdiv .statetime").width();
		$("div.color").css({"width":left-statwidtn-6});	
	}
	window.onload=function(){
		setcolorpostion();	
	}
	$(window).resize(function(){
	   setcolorpostion();
	});
})
</script>
</head>
<body>
<!-- 弹框开始 -->
    <div class="poplayer">
        <div class="float-information">
            <!--我要捐款-->
            <div class="float-box tk-box">
            	<form action="{:U('/Home/Pay/index')}" name="form1" id="form1" method="post">
                <div class="float-content">
                    <div class="title2 title4"><h2 class="rewardh2">我要捐款</h2></div>
                    <div class="text-inputbox">
                    	<input type="hidden" name="geturl" value="{$geturl}">
                        <input type="hidden" name="bodytitle" value="{$proinfo['pro_name']}">
                        <input type="hidden" name="proid" value="{$Think.get.id}">
                        <input type="number" name="money" placeholder="请输入要筹款的金额" class="intext">
                    </div>
                    
                </div>
                <div class="float-btn clearfix">
                    <a id="close-reward" class="close-reward">取消</a>
                    <a id="zcok" class="reward-t">确定</a>
                </div>
                </form>
            </div>
        </div>
    </div>
<!-- 弹框结束 -->
<div class="mote-top">
	<a href="{:U('index')}" class="shanyuan-icon my-icon2 abak">&#xe625;返回</a>
    <div class="top-f t_center">{$proinfo.pro_name}</div>
</div>
<div class="w">
    <div class="pro_deail" style="margin-top:10px;">
    	<ul>
        	<li style="padding-bottom:0px;">
                    <div class="img-box" style="cursor:pointer;" onclick="location.href='{:U('prodeailinfo',array('id'=>$proinfo['id']))}'">
                       <img src="{$proinfo.pro_img}">
                       <if condition="$proinfo.pro_state1 eq 0">
                       <i class="shanyuan-icon over-icon">&#xe63f;</i> 
                       </if>
                    </div>
                    
                    <span>
                    	 <h3>{$proinfo.pro_name}</h3>
						<!--<div class="statdiv">
							<div class="flt statetime">状态</div>
						    <div class="flt graybg">
							<div class="color"></div>
						    <div class="ydian">
						    	<ul>
						        	<li class="hover">发起<i></i></li>
						            <li <if condition="$startdatecha lt 0 or $startdatecha eq 0">class="hover"</if>>募捐<i></i></li>
						            <li <if condition="$datecha gt 0 or $datecha eq 0">class="hover"</if>>执行<i></i></li>
						            <li <if condition="$proinfo.pro_state1 eq 0">class="hover"</if>>结束<i></i></li>
						        </ul>
						    </div>
						</div>
						</div>
						-->
						<!--
                        <h4 style="clear:both;">
                                                                                  活动时间：{$proinfo.pro_starttime}——{$proinfo.pro_endtime}<br>
                  		          参与人数：{$peoplecount}人<br>
                  		          已筹善款/预筹善款：<b>{$moneynum}元/{$proinfo.pro_summoney}元</b>
                        </h4>
                        -->
                        <b class="content-btn" style="cursor:pointer;" onclick="location.href='{:U('prodeailinfo',array('id'=>$proinfo['id']))}'">项目详情</b>
                    </span>
                    <!--
                    <div class="schedule">
                    	<div class="sch_100"><div class="sch_nowpostion"></div></div>
                        <div class="sch_num">
                        	<label>0</label>
                            <label class="nowption"></label>
                            <label>10000</label>
                        </div>
                    </div>
                    -->
                    <div class='jjjie'><a href="{:U('jjhinfo',array('id'=>$proinfo['pid']))}">基金会简介</a></div>
            </li>
        </ul>
        <div class="talktitle">法师回向</div>
        <div class="talkcontent">{$proinfo.pro_talk}</div>
    </div>
</div>
<script type="text/javascript">
$(function(){
	var sum = {$proinfo.pro_summoney};  //总金额
	var nowsum = {$moneynum};  //当前金额
	if(nowsum > sum){
		var scale = 100;
	}else{
		var scale = nowsum / sum *100;	
	}
	$(".sch_nowpostion").css({"width":scale+"%"});
	if(scale>=90){
		var marleft = 82;
	}else if(scale<=10){
		var marleft = 8;
	}else{
		var marleft = scale-5;	
	}
	$("label.nowption").html(nowsum).css({"left":marleft+"%"});
})
</script>
<!--
<ul class="ultab">
	<li>
		<if condition="$datecha gt 0">
		<a class="tk over-text">成果展示</a>
		<else />
        <a class="tk ckuan">我要捐款</a>
        </if>

    </li>
    <li><a href="{:U('mydonation')}">我的慈善</a></li>
    <li><a href="{:U('paihang')}">慈善榜</a></li>
</ul>
<div class="tablist">
	<div class="record-box record-box3">
        <div class="record-title clearfix"><h2>捐款记录</h2><p class="p3">已有<span>{$peoplecount}</span>人参与</p></div>
        
        <volist name='record' id='vo'>
        <div class="ranking-pay clearfix">
            <img src="{:W('Wxuserinfo/getuserinfo',array('token'=>$vo['remit_people'],'filed'=>'headimgurl'))}">
            <div class="text-box">
                <p class="p1">{:W('Wxuserinfo/getuserinfo',array('token'=>$vo['remit_people'],'filed'=>'nickname'))}<br/>捐款款数：<i style="color:#ff7200">{$vo.remit_money}</i> 元</p>
            </div>
            <p class="p4">{$vo.remit_time}</p>

        </div>
        </volist>

    </div>
</div>
-->

<script type="text/javascript">
    $(document).ready(function($) {
        $(".ultab li").click(function(event) {
            $(this).addClass("current").siblings(".ultab li").removeClass("current")
        });
        $("#close-reward").click(function(event){
            $(".float-box").hide();
            $(".poplayer").hide();
            event.stopPropagation();
        })
        $(".float-box").each(function(index, element) {
            $(this).click(function(event){
                event.stopPropagation();    
            })
        });
        $(".poplayer").click(function(event){
            $(".float-box").hide();
            $(this).hide();
            event.stopPropagation();        
        });

        $(".ultab .ckuan").click(function(event) {
           $(".tk-box").show();
           $(".poplayer").show()
        });
    });

</script>
</body>
</html>